
<include file="./Application/Home/View/Public/header.html" title="是什么店？You will get a big surprise!!!" keywords="surprise"/>
<div id="main">
    <div style="width:1010px; height:660px; padding:10px; border:1px solid #ccc; background-color:#eee;margin-left: auto;margin-right: auto;">
        <div style="width:970px; height:8px; line-height: 8px;padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;margin-bottom: 2px;clear: both;">
            填写订单信息
        </div>
        <div style="width:305px; height:500px; padding:10px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;clear: none;">
            <p>发件人信息</p>
            <table class="dataintable">
                <tr>
                    <th>姓名</th>
                    <td><input type="text"/></td>
                </tr>
                <tr>
                    <th>电话</th>
                    <td><input type="text"/></td>
                </tr>
                <tr>
                    <th>省份</th>
                    <td>
                        <!--http://shamrock.blog.51cto.com/2079212/1564779-->
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <select id="province1" name="province1">
                            <option value="">请选择...</option>
                            <option value="110000">北京市</option>
                            <option value="120000">天津市</option>
                            <option value="130000">河北省</option>
                            <option value="140000">山西省</option>
                            <option value="150000">内蒙古自治区</option>
                            <option value="210000">辽宁省</option>
                            <option value="220000">吉林省</option>
                            <option value="230000">黑龙江省</option>
                            <option value="310000">上海市</option>
                            <option value="320000">江苏省</option>
                            <option value="330000">浙江省</option>
                            <option value="340000">安徽省</option>
                            <option value="350000">福建省</option>
                            <option value="360000">江西省</option>
                            <option value="370000">山东省</option>
                            <option value="410000">河南省</option>
                            <option value="420000">湖北省</option>
                            <option value="430000">湖南省</option>
                            <option value="440000">广东省</option>
                            <option value="450000">广西壮族自治区</option>
                            <option value="460000">海南省</option>
                            <option value="500000">重庆市</option>
                            <option value="510000">四川省</option>
                            <option value="520000">贵州省</option>
                            <option value="530000">云南省</option>
                            <option value="540000">西藏自治区</option>
                            <option value="610000">陕西省</option>
                            <option value="620000">甘肃省</option>
                            <option value="630000">青海省</option>
                            <option value="640000">宁夏回族自治区</option>
                            <option value="650000">新疆维吾尔自治区</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>市</th>
                    <td>
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <select id="city1" name="city1">
                            <option value="">请选择...</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>县/区</th>
                    <td>
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <select id="county1" name="county1">
                            <option value="">请选择...</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>详细地址</th>
                    <td>
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <textarea name="detail_address"> </textarea>
                    </td>
                </tr>
                <tr>
                    <th>备注</th>
                    <td>
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <textarea name="post_scripts"> </textarea>
                    </td>
                </tr>
            </table>
        </div>
        <div style="width:305px; height:500px; padding:10px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;clear: none;">
            <p>收件人信息</p>
            <table class="dataintable">
                <tr>
                    <th>姓名</th>
                    <td><input type="text"/></td>
                </tr>
                <tr>
                    <th>电话</th>
                    <td><input type="text"/></td>
                </tr>
                <tr>
                    <th>省份</th>
                    <td>
                        <!--http://shamrock.blog.51cto.com/2079212/1564779-->
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <select id="province2" name="province2">
                            <option value="">请选择...</option>
                            <option value="110000">北京市</option>
                            <option value="120000">天津市</option>
                            <option value="130000">河北省</option>
                            <option value="140000">山西省</option>
                            <option value="150000">内蒙古自治区</option>
                            <option value="210000">辽宁省</option>
                            <option value="220000">吉林省</option>
                            <option value="230000">黑龙江省</option>
                            <option value="310000">上海市</option>
                            <option value="320000">江苏省</option>
                            <option value="330000">浙江省</option>
                            <option value="340000">安徽省</option>
                            <option value="350000">福建省</option>
                            <option value="360000">江西省</option>
                            <option value="370000">山东省</option>
                            <option value="410000">河南省</option>
                            <option value="420000">湖北省</option>
                            <option value="430000">湖南省</option>
                            <option value="440000">广东省</option>
                            <option value="450000">广西壮族自治区</option>
                            <option value="460000">海南省</option>
                            <option value="500000">重庆市</option>
                            <option value="510000">四川省</option>
                            <option value="520000">贵州省</option>
                            <option value="530000">云南省</option>
                            <option value="540000">西藏自治区</option>
                            <option value="610000">陕西省</option>
                            <option value="620000">甘肃省</option>
                            <option value="630000">青海省</option>
                            <option value="640000">宁夏回族自治区</option>
                            <option value="650000">新疆维吾尔自治区</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>市</th>
                    <td>
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <select id="city2" name="city2">
                            <option value="">请选择...</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>县/区</th>
                    <td>
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <select id="county2" name="county2">
                            <option value="">请选择...</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>详细地址</th>
                    <td>
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <textarea name="detail_address2"> </textarea>
                    </td>
                </tr>
                <tr>
                    <th>备注</th>
                    <td>
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <textarea name="post_scripts2"> </textarea>
                    </td>
                </tr>
            </table>
        </div>
        <div style="width:310px; height:500px; padding:10px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;clear: none;">
            <p>关于收件人</p>
            <!--<input type="text" style="height:24px;width:200px;font-size:15px;"/>-->
            <table class="dataintable">
                <tr>
                    <th>性别</th>
                    <td><input type="text"/></td>
                </tr>
                <tr>
                    <th>年龄</th>
                    <td><input type="text"/></td>
                </tr>
            </table>
        </div>
        <!--
                <div style="width:850px; height:18px; padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;margin-top: 2px;margin-bottom: 15px;">
                <button id="pagebtn" class="btns" onclick="">tijiao</button>
                </div>
        -->
        <div style="width:1010px; height:60px; margin-top: 10px;padding-top: 10px;border:0px solid #ccc;clear: both;">
            <!--<input class="button blue" id="submit-pic" type="button" value="去付款" />-->
            <button class="button blue" id="submit-pic">去付款</button>
        </div>
    </div>

</div>
<include file="./Application/Home/View/Public/footer.html"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/style.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/button.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/table.css" />
<script type="text/javascript">
    $(function() {
        $("#menu-item-order").attr("src", "__PUBLIC__/images/menu-item-blue.png");
        
        $(":input").focus(function() {
            $(this).css({background: "#C2EBFF", border: "1px solid #600", });
        }).blur(function() {
            $(this).css({background: "#CCC", border: "1px solid #000"});
        });

        $("#province1").change(function() {
            $("#city1").empty();
            $("#county1").empty();
            //alert($("#province1").find("option:selected").text()); //北京市
            //alert($("#province1").find("option:selected").val());//110000
            var args = {"province_id": $("#province1").find("option:selected").val()};
            $.ajax({
                type: "POST",
                url: '__ROOT__/index.php/Home/Address/getCity',
                dataType: "json",
                data: args,
                success: function(msg) {
                    $("#city1").empty();
                    $("#city1").append('<option value="">请选择...</option>');
                    for (var i = 0; i < msg.length; i++) {
                        $("#city1").append("<option value='" + msg[i].area_id + "'>" + msg[i].area_name + "</option>");
                    }
                }
            });
        });

        $("#city1").change(function() {
            var args = {"province_id": $("#city1").find("option:selected").val()};
            $.ajax({
                type: "POST",
                url: '__ROOT__/index.php/Home/Address/getCity',
                dataType: "json",
                data: args,
                success: function(msg) {
                    $("#county1").empty();
                    for (var i = 0; i < msg.length; i++) {
                        $("#county1").append("<option value='" + msg[i].area_id + "'>" + msg[i].area_name + "</option>");
                    }
                }
            });
        });

        $("#province2").change(function() {
            $("#city2").empty();
            $("#county2").empty();
            //alert($("#province1").find("option:selected").text()); //北京市
            //alert($("#province1").find("option:selected").val());//110000
            var args = {"province_id": $("#province2").find("option:selected").val()};
            $.ajax({
                type: "POST",
                url: '__ROOT__/index.php/Home/Address/getCity',
                //url: '../index.php?m=Address&a=getCity',
                dataType: "json",
                data: args,
                success: function(msg) {
                    $("#city2").empty();
                    $("#city2").append('<option value="">请选择...</option>');
                    for (var i = 0; i < msg.length; i++) {
                        $("#city2").append("<option value='" + msg[i].area_id + "'>" + msg[i].area_name + "</option>");
                    }
                }
            });
        });

        $("#city2").change(function() {
            var args = {"province_id": $("#city2").find("option:selected").val()};
            $.ajax({
                type: "POST",
               url: '__ROOT__/index.php/Home/Address/getCity',
                //url: '../index.php?m=Address&a=getCity',
                dataType: "json",
                data: args,
                success: function(msg) {
                    $("#county2").empty();
                    for (var i = 0; i < msg.length; i++) {
                        $("#county2").append("<option value='" + msg[i].area_id + "'>" + msg[i].area_name + "</option>");
                    }
                }
            });
        });
    });
</script>
